<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大风车</title>
<!--    编写css3 样式  做效果 依靠html生效
        使用css 样式    √ 操作范围大
            四种使用方式：
                 内部样式表--练习专用
        使用html 属性 样式 针对单个元素
-->
    <style>
        /*css3注释*/
        /* img:hover  鼠标移动到img元素上
        1.鼠标移动上去旋转*/
        img:hover{
        /*实现 转换：旋转*/
        transform: rotate(3600000000deg)
        }
        /*2.匀速旋转*/
        img{
        /*过渡属性：转换【旋转】 时间10s*/
        transition: transform 0.88s
        }
    </style>
</head>
<body>
<img src="./img/dfc.jpg" alt="大风车">
</body>
</html>